<template>
    <div class="app">
        <myNavbar title="评价"></myNavbar>
        <div class="confirm_header bg_linear_gradient_header"></div>
        <div class="confirm_card">
            <div class="confirm_card_img">
                <image style="width:154px;height:154px" src="http://rzico.oss-cn-shenzhen.aliyuncs.com/v4.0/wallet-consumption.png"></image>
            </div>
            <text class="confirm_card_title">评价成功</text>
            <text class="confirm_card_subtitle">感谢您的反馈，我们会继续努力给您更好的服务体验</text>
            <div class="confirm_card_botton">
                <div class="confirm_card_botton_right botton_Bg_Color" @click="indexClick">
                    <text class="confirm_card_botton_title botton_Fz_Color">返回首页</text>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    const storage = weex.requireModule('storage')
    const modal = weex.requireModule('modal')
    import myNavbar from '../../../components/myNavbar/myNavbar.vue'
    export default {
        name: "evaluation_confirm",
        components:{
          myNavbar
        },
        methods:{
            indexClick() {
                eeui.openPage({
                        url: 'root://pages/index.js',
						"swipeBack": false,
                        statusBarType: 'immersion',
                        statusBarStyle:false
                    },
                    (result) => {
                        console.log('成功')
                    }
                );
                storage.removeItem('order', event => {

                })
            }
        }
    }
</script>
<style lang="css" src="../../../style/wx.css"/>
<style scoped>
    .app,body {
        background-color: rgba(248, 248, 248, 0.8);
    }
    .app{
        flex: 1;
    }
    .confirm_header {
        width: 750px;
        height: 960px;
        /* background: linear-gradient(red, rgba(248, 248, 248, 0.8)); */
        position: absolute;
        top: 0;
        z-index: -1;
    }

    .confirm_card {
        width: 700px;
        height: 900px;
        background: rgba(255, 255, 255, 1);
        border-radius: 16px;
        margin-left: 25px;
        display: flex;
        align-items: center;
        margin-top: 150px;
        flex-direction: column;
        position: relative;
    }

    .confirm_card_img {
        width: 154px;
        height: 154px;
        border-radius: 50%;
        overflow: hidden;
        margin-top: 80px;
    }

    .confirm_card_title {
        display: block;
        font-size: 32px;
        font-weight: 500;
        color: rgba(26, 26, 30, 1);
        line-height: 42px;
        margin-top: 40px;
        text-align: center;
    }

    .confirm_card_subtitle {
        font-size: 28px;
        font-weight: 400;
        color: rgba(26, 26, 30, 1);
        line-height: 42px;
        opacity: 0.5;
        margin-top: 30px;
        text-align: center;
        width: 400px;
    }

    .confirm_card_botton {
        position: absolute;
        bottom: 0px;
        padding: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        width: 750px;
        box-sizing: border-box;
    }

    .confirm_card_botton_title {
        font-size: 32px;
        font-weight: 400;
    }

    .confirm_card_botton_right {
        width: 520px;
        height: 84px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .navbar {
        width: 750px;
        height: 100px;
    }
    .text {
        font-size: 26px;
    }
</style>
